<template>
  <div class="swiper-wrapper">
    <van-swipe class="my-swipe"  indicator-color="white">
      <template v-for="img in imgs" :key="img.imgId">
        <van-swipe-item>
          <div class="img-box"><img :src="img.img" alt="" /></div
          
        ></van-swipe-item>
      </template>
    </van-swipe>
  </div>
  <!-- {{ imgs[0].img }}

  <div>
    <img :src="img.img" alt="" />
  </div> -->
</template>

<script>
export default {
  props: ["imgs"],
};
</script>


<style lang="scss">
.swiper-wrapper {
  .my-swipe {
    .img-box {
      width: 100%;
      height: 148.312vw/375 * 100;
      & > img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
</style>
